<html>
    <head>
        <meta name="generator"
        content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" />
        <link rel="stylesheet" href="../css/bootstrap.css" type="text/css" />
        <link rel="stylesheet" href="../css/theme.css" type="text/css" />
		<link rel="stylesheet" href="../css/lato.css" type="text/css">
		<link rel="stylesheet" href="../css/index.css" type="text/css" media="screen">
		<link rel="stylesheet" href="../css/animate.css" type="text/css" media="screen, projection">
        <title></title>
    </head>
    <body class="pull_top">
    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="row">
                <div class="navbar-header">
                <img class="left" src="../img/hmclogo.png" /> 
                <a class="navbar-brand" href="https://sites.google.com/a/pointwest.com.ph/hmc-domain-website/" target="_top">
                <strong>Health Care Market Circle</strong>
                <br />Domain Knowledge Site</a></div>
                <img class="right" src="../img/pointwestagilitydefined.png" />
				</div>
            <div class="row">
                <div class="collapse navbar-collapse navbar-ex1-collapse" role="navigation">
                <ul class="nav navbar-nav navbar-right">
                    <li class="active"><a href="https://sites.google.com/a/pointwest.com.ph/hmc-domain-website/" target="_top">HOME</a></li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">CONTENT <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="https://sites.google.com/a/pointwest.com.ph/hmc-domain-website/" target="_top">Healthcare Industry</a></li>
                            <li><a href="https://sites.google.com/a/pointwest.com.ph/hmc-domain-website/" target="_top">Industry Segments</a></li>
                            <li><a href="https://sites.google.com/a/pointwest.com.ph/hmc-domain-website/" target="_top">Industry Trends and Updates</a></li>
                            <li><a href="https://sites.google.com/a/pointwest.com.ph/hmc-domain-website/" target="_top">More</a></li>
                        </ul>
                    </li>
                    <li><a href="https://sites.google.com/a/pointwest.com.ph/hmc-domain-website/" target="_top">TERMS AND DEFINITIONS</a></li>
                    <li><a href="https://sites.google.com/a/pointwest.com.ph/hmc-domain-website/" target="_top">NEWS</a></li>
                    <li><a href="https://sites.google.com/a/pointwest.com.ph/hmc-domain-website/" target="_top">REFERENCES</a></li>
                    <li><a href="https://sites.google.com/a/pointwest.com.ph/hmc-domain-website/" target="_top">CONTACT US</a></li>
                </ul>
            </div>
            </div>
        </div>
    </div>
	
	<section id="feature_slider" class="">
        <!-- 
            Each slide is composed by <img> and .info
            - .info's position is customized with css in index.css
            - each <img> parallax effect is declared by the following params inside its class:
            
            example: class="asset left-472 sp600 t120 z3"
            left-472 means left: -472px from the center
            sp600 is speed transition
            t120 is top to 120px
            z3 is z-index to 3
            Note: Maintain this order of params

            For the backgrounds, you can combine from the bgs folder :D
        -->
		
        <article class="slide" id="showcasing" style="background-image: url(../img/baby-blue.jpg); display: none; background-position: 50% 0%; background-repeat: repeat no-repeat;">
            <img class="asset left-30 sp600 t120 z1" src="../img/iphone.png" style="left: -966px; top: 120px; z-index: 1; display: inline;">
            <div class="info" style="display: none;">
                <h2>Site Overview</h2>
            </div>
        </article>
        <article class="slide" id="ideas" style="background-image: url(../img/deep-green.jpg); display: none; background-position: 50% 0%; background-repeat: repeat no-repeat;">
            <div class="info" style="display: none;">
                <h2>Health Care Industry</h2>
            </div>
            <img class="asset left-480 sp600 t260 z1" src="../img/iphone.png" style="left: -841px; top: 260px; z-index: 1; display: inline;">
            <img class="asset left-210 sp600 t213 z2" src="../img/iphone.png" style="left: -854px; top: 213px; z-index: 2; display: inline;">
            <img class="asset left60 sp600 t260 z1" src="../img/iphone.png" style="left: -849px; top: 260px; z-index: 1; display: inline;">
        </article>
		<article class="slide" id="tour" style="background-image: url(../img/flower.jpg); display: none; background-position: 50% 0%; background-repeat: repeat no-repeat;">
            <img class="asset left-472 sp650 t210 z3" src="../img/iphone.png" style="left: -202.5px; top: 210px; z-index: 3; display: inline;">
            <img class="asset left-365 sp600 t270 z4" src="../img/iphone.png" style="left: -309.5px; top: 270px; z-index: 4; display: inline;">
            <img class="asset left-350 sp450 t135 z2" src="../img/iphone.png" style="left: -324.5px; top: 135px; z-index: 2; display: inline;">
            <img class="asset left-185 sp550 t220 z1" src="../img/iphone.png" style="left: -489.5px; top: 220px; z-index: 1; display: inline;">
            <div class="info" style="display: none;">
                <h2>Industry Segments</h2>
                <a href="https://sites.google.com/a/pointwest.com.ph/hmc-domain-website/" target="_top">Hospital and Hospital Systems</a>
				<a href="https://sites.google.com/a/pointwest.com.ph/hmc-domain-website/" target="_top">Managed Care</a>
            </div>
        </article>
        <article class="slide" id="responsive" style="background-image: url(../img/ocean.jpg); display: none; background-position: 50% 0%; background-repeat: repeat no-repeat;">
            <img class="asset left-472 sp600 t120 z3" src="../img/iphone.png" style="left: -732px; top: 120px; z-index: 3; display: inline;">
            <img class="asset left-190 sp500 t120 z2" src="../img/iphone.png" style="left: -732px; top: 120px; z-index: 2; display: inline;">
            <div class="info" style="display: none;">
                <h2>Industry Trends and Updates</h2>                
            </div>
        </article>
	</section>
	
	<div id="features">
        <div class="container">
            <div class="section_header">
                <h3><strong>Site Overview</strong></h3>
            </div> 
            <div class="row feature"">
                <div class="col-sm-6">
                    <img src="../img/iphone.png" class="img-responsive">
                </div>
                <div class="col-sm-6 info">
                    <h3>
                        <img src="../img/iphone.png">
                        Health Care Domain Site
                    </h3>
                    <p>
                        There are many variations of passages of Lorem Ipsum available, but the randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.
                    </p>
                </div>
            </div>
            <div class="row feature">
                <div class="col-sm-6 pic-right">
                    <img src="../img/iphone.png" class="pull-right img-responsive">
                </div>
                <div class="col-sm-6 info info-left">
                    <h3>
                        <img src="../img/iphone.png">
                        Objective
                    </h3>
                    <p>
                        There are many variations of passages of Lorem Ipsum available, but the randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.
                    </p>
                </div>                
            </div>
            <div class="row feature">
                <div class="col-sm-6">
                    <img src="../img/iphone.png" class="img-responsive">
                </div>
                <div class="col-sm-6 info">
                    <h3>
                        <img src="../img/iphone.png">
                        Keeping up to date
                    </h3>
                    <p>
                        There are many variations of passages of Lorem Ipsum available, but the randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.
                    </p>
                </div>
            </div>
        </div>
    </div>
	
	
	<!-- starts footer -->
    <footer id="footer">
        <div class="container">
            <div class="row sections">
                <div class="col-sm-4 recent_posts">
                    <h3 class="footer_header">
                        About the Site
                    </h3>
                    <div class="post">
                        <a href="https://sites.google.com/a/pointwest.com.ph/hmc-domain-website/" target="_top">
                            <img src="../img/iphone.png" class="img-circle" style="height: 50px; width: 50px">
                        </a>
                        <div class="date">
                            Wed, 12 Dec
                        </div>
                        <a href="https://sites.google.com/a/pointwest.com.ph/hmc-domain-website/" class="title" target="_top">
                            This is SPARTA
                        </a>
                    </div>
                    <div class="post">
                        <a href="https://sites.google.com/a/pointwest.com.ph/hmc-domain-website/" target="_top">
                            <img src="../img/iphone.png" class="img-circle" style="height: 50px; width: 50px">
                        </a>
                        <div class="date">
                            Mon, 12 Dec
                        </div>
                        <a href="https://sites.google.com/a/pointwest.com.ph/hmc-domain-website/" class="title" target="_top">
                            Randomised words which don't look embarrasing hidden.
                        </a>
                    </div>
                </div>
                <div class="col-sm-4 testimonials">
                    <h3 class="footer_header">
                        Featured Term
                    </h3>
                    <div class="wrapper">
                        <div class="quote">
                            <span></span>
                            There are many variations of passages of randomised words which don't look even slightly believable. You need to be sure there isn't anything embarrassing of text.
                            <span></span>
                        </div>
                        <div class="author">
                            <img src="../img/iphone.png" class="img-circle" style="height: 50px; width: 50px">
                            <div class="name">Lorem Legarda</div>
                            <div class="info">
                                Ipsum Dolores
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 contact">
                    <h3 class="footer_header">
                        Recently Added
                    </h3>
                    <form action="https://sites.google.com/a/pointwest.com.ph/hmc-domain-website/#" target="_top" method="post">
                        <input type="text" placeholder="Your name">
                        <input type="text" placeholder="Your email">
                        <textarea rows="3" placeholder="Message"></textarea>
                        <input type="submit" value="Send">
                    </form>
                </div>
            </div>
            <div class="row credits">
                <div class="col-md-12">
                    <div class="row social">
                        <div class="col-md-12">
                            <a href="http://cleancanvas.herokuapp.com/index.html#" class="facebook">
                                <span class="socialicons ico1"></span>
                                <span class="socialicons_h ico1h"></span>
                            </a>
                            <a href="http://cleancanvas.herokuapp.com/index.html#" class="twitter">
                                <span class="socialicons ico2"></span>
                                <span class="socialicons_h ico2h"></span>
                            </a>
                            <a href="http://cleancanvas.herokuapp.com/index.html#" class="gplus">
                                <span class="socialicons ico3"></span>
                                <span class="socialicons_h ico3h"></span>
                            </a>
                            <a href="http://cleancanvas.herokuapp.com/index.html#" class="flickr">
                                <span class="socialicons ico4"></span>
                                <span class="socialicons_h ico4h"></span>
                            </a>
                            <a href="http://cleancanvas.herokuapp.com/index.html#" class="pinterest">
                                <span class="socialicons ico5"></span>
                                <span class="socialicons_h ico5h"></span>
                            </a>
                            <a href="http://cleancanvas.herokuapp.com/index.html#" class="dribble">
                                <span class="socialicons ico6"></span>
                                <span class="socialicons_h ico6h"></span>
                            </a>
                            <a href="http://cleancanvas.herokuapp.com/index.html#" class="behance">
                                <span class="socialicons ico7"></span>
                                <span class="socialicons_h ico7h"></span>
                            </a>
                        </div>
                    </div>
                    <div class="row copyright">
                        <div class="col-md-12">
                            © 2013 Clean Canvas. All rights reserved. Theme by Detail Canvas.
                        </div>
                    </div>
                </div>            
            </div>
        </div>
    </footer>

    <!-- Scripts -->
	
    <script src="../js/jquery-1.10.2.js"></script> 
    <script src="../js/bootstrap.js"></script></body>
	<script src="../js/theme.js"></script>
	<script src="../js/index-slider.js"></script>
</html>
